
<div class="form-horizontal g_tool_container" role="form">
    <text class="note">说明：这是区域是工具，帮助大家快速生成出租时间，然后可以在"出租时间设置"进行调整</text>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">开始营业时间:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="starttime" class="form-control datetimepicker" data-date-format="HH:ss" name="starttime" type="text" value="00:00" />
            <span class="mf_backend_field_note">最早时间为00:00</span>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">结束营业时间:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="endtime" class="form-control datetimepicker" data-date-format="HH:ss" name="endtime" type="text" value="23:59">
            <span class="mf_backend_field_note">最晚时间为23:59</span>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">每个时间段时长:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="pill_duration" class="form-control" name="pill_duration" type="text" value="">
            <span class="mf_backend_field_note">单位分钟, 工具会根据设置的时长进行对营业时间进行切分生成</span>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">每个时间段价格:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="pill_price" class="form-control" name="pill_price" type="number" value="">
            <span class="mf_backend_field_note">单位元</span>
        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">&nbsp;</label>
        <div class="col-xs-12 col-sm-8">
            <input id="ggg" type="button" class="btn btn-default" name="" value="生成" />
        </div>
    </div>
</div>
<br />
<br />
<br />

<form id="edit-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">出租时间设置:</label>
        <div class="col-xs-12 col-sm-8">
            <dl class="fieldlist" data-name="rent_time" data-template="testtpl">
                <dd>
                    <ins>开始时间</ins>
                    <ins>结束时间</ins>
                    <ins>价格</ins>
                </dd>
                <dd>
                    <a href="javascript:;" class="btn btn-sm btn-success btn-append"><i class="fa fa-plus"></i> 追加</a>
                </dd>
                <textarea name="rent_time" class="form-control hide" cols="30" rows="5" id="ccc">
                    {$rent_time|htmlentities}
                </textarea>
            </dl>
            <!--定义模板-->
            <script type="text/html" id="testtpl">
                <dd class="form-inline">
                    <input type="text" name="<%=name%>[<%=index%>][start]" class="form-control dp" value="<%=row['start']%>" size="10">
                    <input type="text" name="<%=name%>[<%=index%>][end]" class="form-control dp" value="<%=row['end']%>" size="10">
                    <input type="text" name="<%=name%>[<%=index%>][price]" class="form-control" value="<%=row['price']%>" size="10">
                    <span class="btn btn-sm btn-danger btn-remove"><i class="fa fa-times"></i></span> <span class="btn btn-sm btn-primary btn-dragsort"><i class="fa fa-arrows"></i></span>
                </dd>
            </script>
        </div>
    </div>
    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-primary">{:__('OK')}</button>
            <button type="reset" class="btn btn-default">{:__('Reset')}</button>
        </div>
    </div>
</form>
<style>
    .mf_backend_field_note {
        display: block;
        margin-top: 0.5rem;
        color: #838fa1;
        font-size: 1.2rem;
    }
    .g_tool_container {
        background-color: #F3F4F6;
        padding: 30px;
    }
    .g_tool_container .note {
        display: block;
        color: #0a6aa1;
        text-align: center;
        margin-bottom: 20px;
    }
    .g_tool_container label{

        font-weight: 400;
    }
</style>
